.widget.admin-logon {
    $_width: 480px; // widget width
    $_spacing: 20px;
    $_form_spacing: 15px; // Bootstrap default
    $_border_color: $borderColorMedium;
    
    margin: 100px auto;
    max-width: $_width;
    
    .z-logon-box {
        max-width: none;
        margin: 0 auto;
        
        button[type="submit"],
        input[type="submit"] {
            width: auto;
        }
    
        .z-logon-form {
            margin: 0 auto;
        }
        
        .z-logon-title {
            font-size: 1em;
            margin: 0 0 1em 0;
            font-weight: bold;
        }
        
        .z-logon-support {
            margin-left: -($widgetSidePadding);
            margin-right: -($widgetSidePadding);
            padding-left: $widgetSidePadding;
            padding-right: $widgetSidePadding;
            padding-top: $widgetVerticalPadding;
            border-top: 1px solid $_border_color;
        }
    
        .alert {
            display: none;
        }
        
        &.z-logon-error {
            .alert {
                display: block;
    
                :last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
}